// observer 是一个高阶组件函数，需要包裹一个组件，这样组件才会更新
import { observer } from 'mobx-react'
import { useStore } from '@renderer/store'


import { Button, Message } from '@arco-design/web-react'

function Setting() {
  const { noteStore } = useStore()
  const handleClear = () => {
    noteStore.reset()
  }

  return <>
    <div className="page-wrapper">
      <Button onClick={handleClear}>Clear Data</Button>
    </div>
  </>
}

export default observer(Setting)
